body{
    margin: 0;
    padding: 0;
    background: #00cec9;
    /*将body铺满，背景改为蓝色*/
}

.login_box{
    width: 300px;
    padding: 40px;
    /*设置登陆盒的宽和高*/
    position: absolute;
    top: 50%;
    left: 50%;
    /*设置绝对定位，距左和距上各占一半*/
    transform: translate(-50%,-50%);
    /*transform实现百分比居中*/
    background: #000000;
    color: white;
    /*改字体颜色为白色*/
    border-radius: 20px;
    /*使盒边框变得圆滑*/
    text-align:center;
    /*使盒内文字居中*/
}

.input_box{
    /*添加focus属性可使选中时放大*/
    border: 0;
    width: 200px;
    /*使输入框变长*/
    background: none;
    /*取消背景*/
    display: block;
    /*不以块的形式显示*/
    margin: 20px auto;
    /*自动距离20像素*/
    text-align: center;
    /*文本居中*/
    border: 2px solid aqua;
    /*加一个2像素边框 加深 选蓝色*/
    border-radius: 25px;
    /*使边框柔滑*/
    padding:14px;
    /*使间距为14像素*/
    outline: none;
    color: white;
    /*使输入文字为白色*/

    /**/
    /**/
    /**/
}
.btn{
    border: 0;
    width: 100px;
    /*使登陆框变长*/
    background: none;
    /*取消背景*/
    display: block;
    /*不以块的形式显示*/
    margin: 20px auto;
    /*自动距离20像素*/
    text-align: center;
    /*文本居中*/
    border: 2px solid #6c5ce7;
    /*加一个2像素边框 加深 选蓝色*/
    border-radius: 25px;
    /*使边框柔滑*/
    padding:14px;
    /*使间距为14像素*/
    outline: none;
    color: white;
    /*使输入文字为白色*/
    cursor: pointer;
    /*设置一个在按钮上时的手型鼠标*/
}
.btn:hover{
    background: #81ecec;
    /*在选中时使背景变成蓝色*/
}